<template>
	<view class="information">
		<view class="img">
			<!-- <img src="/static/fxbj.jpg" style="width: 100%;" mode="scaleToFill"> -->
			<u-image style="width: 100%;height: 500rpx" mode="scaleToFill" :src="lists.IconUrl"></u-image>
		</view>
		<view class="conter">
			<view class="title white ">
				<!-- <span>{{lists.FullName}}</span> -->
			</view>
			<!-- bottoma centera-->
			<view class=" height ">
				<!-- <view class="content" v-for="(item,index) in teselist" :key="index" @click="tiaozhuan(item)">
					<view class="one">
						<u-icon  :name="item.name"
							:size="110"></u-icon>
					</view>
					<view class="two">
						<text class="twotext">{{item.title}}</text>
					</view>
				</view> -->
			</view>
			
			<view class="bottom">
				<view class="title">
					<span>联系我们</span>
				</view>
				<view class="rows">
					<view class="" style="font-size: 28rpx;">
						<span>咨询电话：{{lists.Mobile}}</span>
						<view style="width: 8%;" @click="bddh(lists.Mobile)"> 
							<u-icon name="phone-fill" color="#2979ff" size="38"></u-icon>
						</view>
					</view>
					<!-- <view class="line"></view> -->
					<view class="" style="font-size: 28rpx;" @click="bindmarkertap">
						<span>{{lists.Province}}{{lists.City}}{{lists.County}}{{lists.Address}}</span>
						<view style="width: 8%;">
							<u-icon name="map-fill" color="#2979ff" size="38"></u-icon>
						</view>
					</view>
				</view> 
			</view>
			
			<view class="bottom">
				<view class="bottoms">
					<view class="title">
						<span>医院介绍</span>
					</view>
					<view class="xiangqing" @click="show=true">
						<span>详情</span>
					</view>
				</view>
				<view class="rows" style="height: 400rpx;overflow-y: auto;">
					<view style="font-size: 28rpx;">
						<span>&emsp;{{lists.Introduction}}</span>
					</view>
					
				</view> 
			</view>
		</view>
		<u-popup v-model="show" mode="bottom">
			<view class="popup">
				<!-- <img  style="height: 100rpx;" src="/static/fxyk.png" mode="aspectFit"> -->
				<view class="textslist">
					 <!-- v-for="(item,index) in texts" :key="index" -->
					 <span v-html="lists.Description"></span>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				windowHeight: getApp().globalData.windowHeight,
				show:false,
				phone:'1234568910',
				texts:[
					{text:'珠山区妇幼保健院，江苏省徐州市复兴南路，建筑面积一万多平方米，是徐州市职工、居民医保定点结算医院。'},
					{text:'医院优势整合复兴眼科医院集团资源，汇聚了众多临床经验丰富的核心专家和科研技术人才，集临床、科研教学为一体，全面开展ICL晶体植入术、全飞秒激光矫正近视、白内障、眼底疾病、斜弱视及小儿眼科、角膜及眼表疾病、青光眼、眼睡病及眼整形、泪道疾病等全眼科诊疗项目，为广大眼病患者提供优质的眼科诊疗服务。'},
					{text:'珠山区妇幼保健院始终坚持”使所有人，无论贫穷富裕都享有眼健康的权利利”的企业使命，提升医疗服务质量创新眼科前沿技术，致力于推动整个国民眼健康事业的全面发展。'}
				],
				lists:'',
				teselist: [{
						id: '0',
						token: 'ss',
						path: '/pages/tool/jynotice/ybcs',
						name: '/static/icon/yan.png',
						title: '眼病常识'
					},
					// {
					// 	id: '2',
					// 	token: 'ss',
					// 	path: false,
					// 	name: '/static/icon/ksfb.png',
					// 	title: '科室分布'
					// },
					// {
					// 	id: '0',
					// 	token: 'ss',
					// 	path: false,
					// 	name: '/static/icon/xuz.png',
					// 	title: '科室介绍'
					// },

					// {
					// 	id: '2',
					// 	token: 'ss',
					// 	path: false,
					// 	name: '/static/icon/louqun.png',
					// 	title: '楼群分布'
					// }
				],
			}
		},
		onLoad() {
			uni.showLoading({
				title: '请稍后'
			})
			this.$request("Company","Detail").then(res=>{
				console.log("医院信息",res)
				if (res.code == 1) {
					this.lists=res.data
					uni.hideLoading();
					
				}else{
					uni.hideLoading();
					uni.showToast({
						title: res.msg,
						icon: 'none',
						duration: 2000
					});
				}
			})
		},
		computed: {

		},
		methods: {
			bindmarkertap() {
				// 打开的点击事件，传经纬度和地点名
				uni.showToast({
					title: '打开地图',
					icon: 'none',
					duration: 2000
				});
				let then=this
				console.log('走的这里', '徐州京城皮肤医院');
				wx.openLocation({
					latitude: then.lists.lat, // 纬度
					longitude: then.lists.lng, // 经度
					name: then.lists.FullName, // 地址名称
					address: then.lists.Address, // 详细地址
					success: function(r) {
						console.log(r)
					},
					fail: function(res) {
						console.log('拉起失败啦', res)
					}
				})
			},
			bddh(e){
				uni.makePhoneCall({
					phoneNumber: e 
				});

			},
			tiaozhuan(e){
				uni.navigateTo({
					url:e.path
				})
			}
		}
	}
</script>

<style>
	@import './information.css'
</style>